<template>
  <div>
    <div>{{text}}</div>
  </div>
</template>
<script>
  /* eslint-disable no-undef */
  import Vue from 'vue'
  export default {
    name: 'myTitle',
    props: {
      title: String
    },
    data () {
      return {
        titles: [],
        dtd: null,
        text: ''
      }
    },
    mounted: function () {
      Vue.prototype.title = (setting) => {
        this.titles.push({})
        this.text = setting.text
      }
    }
  }
</script>
<style lang='stylus'>

  @import '~@/assets/css/variable'
  /*内容 title*/
  .textTitle::before
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    height: 20px;
    width: 4px;
    margin-top: -14px;
    background: $color-title-yellow;

</style>

